<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../Homemaster.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html">

    <ui:define name="slide">
        
    </ui:define>
    <ui:define name="content">
        <div class="main">
            <div class="wrap">
                <div class="gallery">
                    <div class="section group">
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img1.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img1.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img2.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img2.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img3.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img3.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img4.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img4.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                    </div>
                    <div class="section group">
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img5.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img5.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img6.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img6.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img7.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img7.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                        <div class="gallery_1_of_4 images_1_of_4">
                            <a class="fancybox" href="images/gallery-img8.jpg" data-fancybox-group="gallery" title="Product Name"><h:graphicImage library="user/images" name="gallery-img8.jpg"></h:graphicImage><span> </span></a>
                            <h3>Product Name</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
                        </div>
                    </div>
                    <div class="projects-bottom-paination">
                        <ul>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>

</ui:composition>
